@AniEaseOutQuart: cubic-bezier(0.165, 0.84, 0.44, 1);
@AniEaseOutCirc: cubic-bezier(0.075, 0.82, 0.165, 1);

// 文本超出隐藏 ...隐藏文本
.ellipsis(@width: 100%) {
    width: @width;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

// 文本最多(n)行，超出部分用...表示
.line(@num) {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: @num;
    -webkit-box-orient: vertical;
}

.flex(@justify:flex-start, @align:flex-start, @wrap: nowrap) {
    display: flex;
    flex-wrap: @wrap;
    align-content: @align;
    align-items: @align;
    justify-content: @justify;
}

.page() {
    padding: 24px;
    background-color: #fff;
    border-radius: 8px;
}
